<template>
    <main>
      <cardheader/>
      <div class="content">
        <myheader/>
        <mycontent/>
        <v-ShopList> </v-ShopList>
        <div style="height:2.5rem;padding-top:1.25rem;">
        
          <img src="/src/assets/images/JD.png" alt="" style="height:1.25rem;" width="auto">
        </div>

        <ContentFloor/>
      </div>
    </main>
</template>

<script>
import cardheader from '../components/Card/cardHeader.vue'
import myheader from'../components/My/MyHeader.vue'
import mycontent from'../components/My/MyContent.vue'
import ContentFloor from '../components/index/ContentFloor.vue'
import ShopList from '../components/index/ShopList.vue'
export default {
  name: "My",
  components:{
    'cardheader':cardheader,
    'myheader':myheader,
    'mycontent':mycontent,
    'ContentFloor':ContentFloor,
    'v-ShopList':ShopList
  }
}
</script>

<style scoped lang="less">
@w:23.4375rem;
@h:41.6875rem;

.content{
  width: @w;
  height: @h - 2.8125rem - 3.125rem;
  background: #F7F7F7;
  overflow: scroll;
}
.content::-webkit-scrollbar{
  display: none;
}
</style>
